<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>家政网</title>
    <meta name="keywords" content="家政网">
    <meta name="description" content="">
    <!-- 删除默认的苹果工具栏和菜单栏 -->
    <meta name =“apple-mobile-web-app-capable”content =“yes”/>  
    <!-- 苹果手机顶部为黑色 -->
    <meta name =“apple-mobile-web-status-bar-style”content =“block”/>  
    <link rel="icon" href="./images/icon.icon" type="images/x-icon">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/base.css">


</head>
<body>
    <!-- logo -->
    <header>
        <div class="header-logo">
            <a href="">
                <span class="logo-icon"></span>
            </a>
        </div>
        <div class="header-search">
            <a href="">深圳 v</a>
            <input type="text" value="搜索">
        </div>
    </header>

    <!-- 导航列表 -->
    <nav ass="nav">
        <ul class="service-box">
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>配送服务</span></div>
                </a>
            </li>
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>保洁</span></div>
                </a>
            </li>            
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>上门安装</span></div>
                </a>
            </li>   
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>月嫂</span></div>
                </a>
            </li>            
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>钟点工</span></div>
                </a>
            </li>   
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>配送服务</span></div>
                </a>
            </li>            
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>配送服务</span></div>
                </a>
            </li>   
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>配送服务</span></div>
                </a>
            </li>            
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>配送服务</span></div>
                </a>
            </li>   
            <li class="nav-list">
                <a class="items-href" href="./service.html">
                    <div class="list-items-img"><img src="./images/dispatching.png" alt=""></div>
                    <div class="list-type"><span>配送服务</span></div>
                </a>
            </li>            
                                   
        </ul>
    </nav>

    <!-- 热门推荐 -->
    <div class="hot-service">
        <h2 class="hot-service-h2">热门推荐</h2>
        <ul class="hot-box">
            <li><a href="./service.html">育儿嫂</a></li>
            <li><a href="./service.html">月嫂</a></li>
            <li><a href="./service.html">保洁服务</a></li>
            <li><a href="./service.html">保洁服务</a></li>
            <li><a href="./service.html">保洁服务</a></li>
        </ul>
    </div>

    <!-- 服务列表 -->
    <div class="main">
        <ul class="main-box clear">
            <li class="main-service-list">
                <div class="service-type">
                    <span class="service-type-title"><a href="">家政</a></span>
                    <span class="service-more">更多 &gt;&gt;</span>
                </div>
                <div class="service-list-items">
                    <ul class="service-sublist">
                        <li><a href="./service.html">育儿嫂</a></li>
                        <li><a href="./service.html">月嫂</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                    </ul>
                </div>
            </li>

            <li class="main-service-list">
                <div class="service-type">
                    <span class="service-type-title"><a href="">家电安装</a></span>
                    <span class="service-more">更多 &gt;&gt;</span>
                </div>
                <div class="service-list-items">
                    <ul class="service-sublist">
                        <li><a href="./service.html">空调安装</a></li>
                        <li><a href="./service.html">厨房安装</a></li>
                        <li><a href="./service.html">油烟机安装</a></li>
                        <li><a href="./service.html">热水器安装</a></li>
                    </ul>
                </div>
            </li>
            <li class="main-service-list">
                <div class="service-type">
                    <span class="service-type-title"><a href="">家政</a></span>
                    <span class="service-more">更多 &gt;&gt;</span>
                </div>
                <div class="service-list-items">
                    <ul class="service-sublist">
                        <li><a href="./service.html">育儿嫂</a></li>
                        <li><a href="./service.html">月嫂</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                    </ul>
                </div>
            </li> 
            <li class="main-service-list">
                <div class="service-type">
                    <span class="service-type-title"><a href="">家政</a></span>
                    <span class="service-more">更多 &gt;&gt;</span>
                </div>
                <div class="service-list-items">
                    <ul class="service-sublist">
                        <li><a href="./service.html">育儿嫂</a></li>
                        <li><a href="./service.html">月嫂</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                    </ul>
                </div>
            </li>

            <li class="main-service-list">
                <div class="service-type">
                    <span class="service-type-title"><a href="">家政</a></span>
                    <span class="service-more">更多 &gt;&gt;</span>
                </div>
                <div class="service-list-items">
                    <ul class="service-sublist">
                        <li><a href="./service.html">育儿嫂</a></li>
                        <li><a href="./service.html">月嫂</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                    </ul>
                </div>
            </li>
            <li class="main-service-list">
                <div class="service-type">
                    <span class="service-type-title"><a href="">家政</a></span>
                    <span class="service-more">更多 &gt;&gt;</span>
                </div>
                <div class="service-list-items">
                    <ul class="service-sublist">
                        <li><a href="./service.html">育儿嫂</a></li>
                        <li><a href="./service.html">月嫂</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                        <li><a href="./service.html">保洁服务</a></li>
                    </ul>
                </div>
            </li> 
        </ul>
    </div>
    

    <!-- 推荐文章 -->
    <div class="recommend-article">
        <div class="recommend-tab">
            <a class="hot-tab look-on" href="javascript:void(0)">热门文章</a>
            <a class="new-tab" href="javascript:void(0)">最新文章</a>
        </div>

        <div class="recommend-content">
            <!-- 热门文章 -->
            <ul class="recommend-hot-article" style="display:block;">
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[家政服务]</span>
                        <span>厨房保洁需要注意哪些问题？这几点需要注意</span>
                    </a>
                </li>
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[家政服务]</span>
                        <span>厨房保洁需要注意哪些问题？这几点需要注意</span>
                    </a>
                </li>
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[家政服务]</span>
                        <span>厨房保洁需要注意哪些问题？这几点需要注意</span>
                    </a>
                </li>
                 <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[家政服务]</span>
                        <span>厨房保洁需要注意哪些问题？这几点需要注意沸腾鱼更换背景黑乎乎</span>
                    </a>
                </li>
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[家政服务]</span>
                        <span>厨房保洁需要注意哪些问题？这几点需要注意</span>
                    </a>
                </li>

            </ul>

            <!-- 最新文章 -->
            <ul class="recommend-new-article" style="display:none;">
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[最新文章]</span>
                        <span>客厅保洁需要注意哪些问题？避免滋生细菌</span>
                    </a>
                </li>
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[最新文章]</span>
                        <span>客厅保洁需要注意哪些问题？避免滋生细菌</span>
                    </a>
                </li>
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[最新文章]</span>
                        <span>a的aaaaadddd大声点客厅保洁需要注意哪些问题？避免滋生细菌</span>
                    </a>
                </li>
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[最新文章]</span>
                        <span>客厅保洁需要注意哪些问题？避免滋生细菌</span>
                    </a>
                </li>
                <li class="recommend-list">
                    <a href="./articleid.html">
                        <span>[最新文章]</span>
                        <span>客厅保洁需要注意哪些问题？避免滋生细菌</span>
                    </a>
                </li>
            </ul>    
        </div>
    </div>

    <!-- 工具 -->
    <div class="tools">
        <ul class="tools-caontainer">
        <h2 class="hot-service-h2">常用工具</h2>
            <li><a href="./service.html"><img src="./images/publis-money.png" alt=""></a></li>
            <li><a href="./service.html"><img src="./images/publis-money.png" alt=""></a></li>
            <li><a href="./service.html"><img src="./images/publis-money.png" alt=""></a></li>
            <li><a href="./service.html"><img src="./images/publis-money.png" alt=""></a></li>
        </ul>
    </div>

    <!-- 版权信息 -->
    <div class="footer">
        <div class="footer-container">
            <p>家政网，你的专业私人管家助手</p>
            <p>家政热线：<span>400-200-300</span>&nbsp;&nbsp;&nbsp;<span>031-516-511</span></p>
            <p class="footer-contact">
                <a href="">成为合伙人</a> |
                <a href="">关于我们</a> |
                <a href="">意见反馈</a> |   
                <a href="">在线招聘</a>
            </p>
        </div>
    </div>

    <!-- 悬浮导航 -->
    <div class="suspend-footer">
        <ul class="suspend-container">
            <li class="suspend-list">
                <a href="">
                    <div><span class="home-icon suspend-icons"></span></div>
                    <div class="home-title">首页</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="publish-icon suspend-icons"></span></div>
                    <div class="home-title">发布</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="information-icon suspend-icons"></span></div>
                    <div class="home-title">消息</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="user-icon suspend-icons"></span></div>
                    <div class="home-title">我的</div>
                </a>
            </li>
        </ul>
    </div>
    <script src="./js/index.js"></script>
</body>
</html>